.BasicForm() {
	.RoundedBorders(5px);

	border: 1px solid @forms_fg_color;
	color: @forms_fg_color;
	margin: 2px auto;

	.Help {
		.RoundedBorders(10px);
		.Color(@forms_bg_color);
		background-color: @color_value;
		color: darken(@forms_fg_color, 10%);
		margin: 5px auto;
		text-align: center;
	}

	.Fields {
		display: table;
		margin: 0px auto;

		.Field {
			display: table-row;

			div {
				display: table-cell;
				padding: 1px;
			}

			div.Label {
				font-weight: bold;
				text-decoration: underline;
				width: 25%;
			}
			div.Required {
				text-align: center;
				vertical-align: middle;
				width: 2px;
			}
			div.Value {
				width: calc(~"45% - 2px");

				input[type="text"], input[type="search"], input[type="email"], input[type="date"], input[type="password"], textarea, select {
					.RoundedBorders(5px);
					border: 1px solid @forms_fg_color;
					background-color: inherit;
					width: 100%;
				}
				.CheckContainer {
					display: table-row;

					label {
						display: table-cell;
					}
					label:hover[for]:not([for=""]) {
						cursor: pointer;
						text-decoration: underline;
					}
					input[type="checkbox"],input[type="radio"] {
						display: table-cell;
						height: 15px;
						vertical-align: middle;
						width: 15px;
					}
					div.Description {
						display: table-cell;
					}
				}
			}
			div.Description {
				font-size: x-small;
				padding-left: 5px;
				width: 30%;
			}
		}
	}

	.Buttons {
		margin: 5px auto;
		text-align: center;
		width: 80%;

		input, button {
			.ButtonFormat();

			display: inline-block;
		}
	}
}
.ContentForm() {
	.BasicForm();
	.TransparentBackground(@forms_bg_color);

	width: @forms_width;

	.Title {
		.TitleFormat();
	}
	.Help {
		width: 60%;
	}
	.Fields {
		width: 80%;
	}

	@media (max-width:(@forms_width + @sidetools_width)) {
		width: 100%;
	}
}

html {
	body {
		#MainBody {
			#TopPart {
				#SideTools {
					.Tool {
						form {
							.BasicForm();
						}
					}
				}
				#Contents {
					form {
						.ContentForm();
					}
					form.AdminForm {
						@darken_ratio: 15%;
						.ContentForm();

						.TransparentBackground(@forms_admin_bg_color);
						color: @forms_admin_fg_color;

						.Help {
							.Color(@forms_admin_bg_color);
							background-color: @color_value;
							color: @forms_admin_fg_color;
						}
					}
				}
			}
		}

		.ui-dialog {
			form {
				.BasicForm();
				.TransparentBackground(@forms_modal_bg_color);
				min-width: @forms_modal_width;

				.Previews {
					text-align: center;
					margin: 0px auto;
					width: 80%;
					line-height: 100%;

					img {
						display: inline-block;
						vertical-align: middle;
					}
				}
				.Help {
					width: 80%;
				}
				.Fields {
					width: 95%;
				}
			}
		}
	}
}